table.sortable
{
	border: 1px solid #ccc;
	background-color: #e6e6e6;
	margin: 2px 0;
	width: 100%;
}

table.sortable tbody {
	background-color: #f6f6f6;
}

table.sortable th,
table.sortable thead td
{
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	padding: 2px 1ex;
	border: 1px solid #ccc;
	color: #000;
	background-color: #e6e6e6;
	white-space: nowrap;
}

table.sortable th.sortable {
    border-color: #ccc #666 #666 #ccc;
	cursor:	default;
}

table.sortable thead th.sortable {
    padding-right: 14px;
	background-position: 99% 90%;
	background-repeat: no-repeat;
}

table.sortable thead th.fwdSort
{background-image: url(sheet-down.png);}

table.sortable thead th.revSort
{background-image: url(sheet-up.png);}

table.sortable th.sortable:active,
table.sortable thead th.Sorting
{
	background-color: #f6f6f6;
	border-color: #666 #ccc #ccc #666;
}

table.sortable thead th.Sorting-pending,
table.sortable thead th.Sorting-pending:active
{background-image: url(sheet-loading.gif) !important;}

table.sortable tfoot td.Sorting-pending
{background: url(sheet-loading.gif) 1px 50% no-repeat;}

table.sortable tbody tr:hover td {background-color: #ffe;}

table.sortable tbody tr.odd {background-color: #fff;}
table.sortable tbody tr.even {background-color: #eee;}

table.sortable tbody tr.odd td.Sorting {background-color: #f6f6ff;}
table.sortable tbody tr.even td.Sorting {background-color: #e6e6ef;}
table.sortable tbody tr:hover td.Sorting {background-color: #fffff0;}

table.sortable tbody tr.selected {background-color: #9cf !important;}

table.sortable td {
	padding: 2px 4px;
	vertical-align: top;
	text-align: left;
}

table.sortable td.idx,
table.sortable td.action,
table.sortable td.minimal,
table.sortable td.Boolean,
table.sortable td.Date,
table.sortable td.Duration,
table.sortable td.Size,
table.sortable td.IP,
table.sortable td.Number
{
	white-space: nowrap;
	padding: 2px .6em;
}

table.sortable td.idx,
table.sortable td.Date,
table.sortable td.Duration,
table.sortable td.Size,
table.sortable td.Number
{text-align: right;}

table.sortable td.action {text-align: center;}

table.sortable>tbody>tr>td:first-child {padding-left: 0px;}

table.sortable tbody tr.highlight td {color: #00f; background-color: #ccf;}
table.sortable tbody tr.highlight td.idx {color: #00f !important; background-color: #ccf !important;}

table.sortable tfoot tr.pager td {
    background-color: #fff;
    padding: .5em 0;
}
table.sortable tfoot tr.pager td input { margin: 0 1em; }

